<ui:composition template="template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:icecore="http://www.icefaces.org/icefaces/core"
                xmlns:ace="http://www.icefaces.org/icefaces/components"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:f="http://java.sun.com/jsf/core">
    <ui:define name="body_content">


        <img src="img/appbar.base.arrow.png" alt="ir atras" class="nav-back" onclick="history.go(-1)" />
        <h3 class="header-bg" style="text-align: center">Sistema de Información Vehicular | Registro de Medidas Correctivas</h3>
            
        <!-- <ace:tabSet id="reservacion" clientSide="false"> -->   
        <h:form id="fromIncidentes" styleClass="dataEntryForm" >
                <ace:panel id="medidas" >
               
                    <h:panelGrid id="output" columns="2" width="100%" styleClass="textEntryInputTable2">
                    
                    <h:panelGrid columns="1" width="100%"  styleClass="textEntryInputTable">
                        <ace:panel id="PanelHorariodetalle" header="Información de Usuario" >
                            <ice:dataTable
                                value=""
                                var="item"
                                width="100%"
                            
                                >
                                <!-- Stock number -->
                                <ice:column>
                                    <img src="img/ico/user-info-icon.png"/>
                                </ice:column>
                                <!-- Stock number -->
                                <ice:column>
                                    <f:facet name="header" >
                                        <ice:outputText  style="text-align: center;" value="Nombre"/>
                                    </f:facet>
                                    <ice:outputText  style="text-align: center;" value="Alexander Soto Ruiz"/>
                                </ice:column>
                                <!-- Stock number -->
                                <ice:column>
                                    <f:facet name="header" >
                                        <ice:outputText  style="text-align: center;" value="Cedula"/> 
                                    </f:facet>
                                    <ice:outputText  style="text-align: center;" value="402020122"/>
                                </ice:column>
                                <!-- Stock number -->
                                <ice:column>
                                    <f:facet name="header" >
                                        <ice:outputText  style="text-align: center;" value="Tipo"/>
                                    </f:facet>
                                    <ice:outputText  style="text-align: center;" value="Estudiante"/>
                                </ice:column> 
                                <ice:column>
                                    <f:facet name="header" >
                                        <ice:outputText  style="text-align: center;" value="Vehiculo"/>
                                    </f:facet>
                                    <ice:outputText  style="text-align: center;" value="EPR 812"/>
                                </ice:column> 
                            </ice:dataTable>
                        </ace:panel>
                    </h:panelGrid>    
                </h:panelGrid>
                <p>Seleccione los incidentes al cual le aplicara la medida de correcion en la tabla izquierda </p>
                <p>A la derecha registre la medida correctiva a aplicarle al usuario.</p>
                    <h:panelGrid id="inputGrid" columns="2" width="100%" styleClass="textEntryInputTable">
                    
                    <!-- Toggle DIV via ajax call -->
                    <h:panelGrid  columns="1" width="100%" >

                        <ice:dataTable
                            value=""
                            var="item"
                            width="70%">
                            
                            <!-- Stock number -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Tipo"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="Estacionamiento indebido"/>
                            </ice:column>
                            <!-- Stock number -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Gravedad"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="Leve"/>
                            </ice:column>
                            <!-- Model number -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Fecha"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="22/04/2012"/>
                            </ice:column>
                            <!-- Stock number -->
                            <ice:column>
                                <f:facet name="header">

                                    <ice:outputText value="Estado"/>
                                </f:facet>
                                <ice:outputText  style="text-align: center;" value="Pendiente"/>
                            </ice:column>
                            <!-- Stock number -->
                            <ice:column>
                                <f:facet name="header">
                                    <ice:outputText value="Sancionar"/>
                                </f:facet>
                                    <ace:checkboxButton id="checkBox" value="true">
                               
                                </ace:checkboxButton>
                            </ice:column>
                        </ice:dataTable>
                    </h:panelGrid>
                        
                        
                    <ace:panel id="Sancion" header="Aplicar Sanción"  columns="1" border="0">
                        <h:panelGrid  columns="1" width="100%" border="0">
                            <ace:textEntry id="Incidente"  label="Tipo de Sanción" labelPosition="left" > </ace:textEntry>
                            <p> </p>
                            <ace:textAreaEntry id="descripcion" label="Descripción" labelPosition="left" required="true"  /> 
                            <h:panelGrid  columns="2" width="100%" border="0">
                                <ace:dateTimeEntry id="fecha"
                                                   value="#{dateLabel.selectedDate}"
                                                   pattern="MMM/dd/yyyy"
                                                   renderAsPopup="true"
                                                   label="Fecha de Aplicación"
                                labelPosition="left"/>
                                           
                                <ace:textEntry id="vigencia" label="Vigencia" labelPosition="left" > 
                                </ace:textEntry>
                                <input type="submit" id="incidente" onclick="confirmation.show()" Class="botonEnviarConsulta" value="Aplicar medida" href="#"/>
                        
                        
                            </h:panelGrid>
                        </h:panelGrid>
                    </ace:panel>
                        
                        
                    <!-- END Toggle DIV via ajax call -->
                </h:panelGrid>
            </ace:panel>
                
        </h:form>
        <!-- </ace:tabSet> -->
        <ace:confirmationDialog id="confirmDialog" 
                                widgetVar="confirmation"
                                message="Seguro(a) que desea agregar esta medida de correción?"
                                header="Confirmación"
                                width="450"
                                height="200"
                                modal="false"
                                closeOnEscape="true"
                                closable="true"
                                position="top"
                                styleClass="confirmacion_dialog dialog-margin">
            <h:panelGrid columns="2" styleClass="centeredPanelGrid">
                <h:commandButton id="yes" value="Sí" onclick="confirmation.hide()" actionListener=" "/>
                <h:commandButton id="no" value="No" onclick="confirmation.hide()" action=" " />
            </h:panelGrid>
        </ace:confirmationDialog>
                                    
    </ui:define>
</ui:composition>
